<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta content="骡窝窝商城" http-equiv="keywords">
    <meta name="description" content="骡窝窝商城">
    <meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
    <title>骡窝窝商城</title>
    <link rel="stylesheet" href="css/index.css" type="text/css">
    <link rel="stylesheet" href="css/zy.css" type="text/css">
    <link rel="stylesheet" href="css/swiper.min.css" type="text/css">
    <script type="text/javascript" src="js/swiper.min.js"></script>
    <script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
    <script src="/js/jquery/jquery.min.js"></script>
    <script src="/js/plugins/jrender/jrender.min.js"></script>
    <script src="/js/common.js"></script>


    <script>
        var params = getParams();
        if (params) {
            //商品详情
            $.get("/products/" + params.id, function (data) {
                console.log(data);
                $(".shangpneir").renderValues(data, {
                    getHref: function (item, value) {
                        var href = $(item).data("href")
                        $(item).prop("href", href + value);
                    }
                })
            })
        }
    </script>
</head>
<body>
<!--页面内容
<div id="yemnr">-->
<!--头部-->
<div class="toub_beij toub_beij_zy">
    <div class="zhongj_k zhongj_k_z">
        <div class="jiu_feo">
            <div class="logo_k logo_k_fanh"><a href="javascript:history.go(-1);"><img class="fanh_ann" src="images/web/fanh.png"></a></div>
            <div class="zhongjain_daoh">
                <ul>
                    <li><a href="javascript:history.go(-1);">商品</a></li>
                    <li class="xiangq"><a href="XiangQ_Y_2.html">详情</a></li>
                    <li><a href="评论.html">评价</a></li>
                </ul>
            </div>
        </div>
        <div class="dengl">
            <div class="caid_img" id="zhu_caid"><img src="images/web/cd_1.png"></div>
            <ul class="zhu_daoh" id="daoh_lb">
                <em></em>
                <li><a href="index.html">首页</a></li>
                <li><a href="sort.html">商品分类</a></li>
                <li><a href="#">扫一扫</a></li>
                <li><a href="car.html">购物车</a></li>
                <li class="wu"><a href="#">我的通城</a></li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript">
    //滑动头部透明（针对首页头部用）
    window.onscroll = function () {

        var autoheight = document.body.scrollTop || document.documentElement.scrollTop;
        if (autoheight > 10) {
            $(".toub_beij").css("position", "fixed")
        } else {
            $(".toub_beij").css("position", "relative")
        }
    }
</script>
<!--内容-->
<div class="jiss_df">
    <h1>
        <p><a class="d" href="">产品介绍</a></p>
        <p><a  href="">规格参数</a></p>
    </h1>
</div>
<div class="shangpneir">
    <table class="table-border">
        <tbody>
        <tr>
            <div class="content" render-html="productContent.content" width="100%"></div>
        </tr>
        </tbody>
    </table>
</div>

<!--差你喜欢-->
<div class="cainixhk">
    <h1>猜你喜欢</h1>
    <ul id="temp">
            <li><a href="#"><h1><img src="images/web/001.jpg"></h1>
                    <p class="px26" render-html="price">￥5250.00 </p>
                    <p render-html="title">御泥坊 清洁净清洁净肤片装片装...</p>
                </a>
            </li>
    </ul>
</div>
<!--底部导航-->
<!---->
<div class="dib_daoh_b">
    <div class="gouwuc_">
        <div class="zuo">
            <div class="mis"><a href="#"><h1><img src="images/web/ms01.png"></h1>
                <p>密使</p></a></div>
            <div class="mis"><a href="#" id="dianji_img"><h1><img src="images/web/ms03.png" id="img_tih"></h1>
                <p>收藏</p></a></div>
            <div class="mis"><a href="car.html"><h1><img src="images/web/ms02.png"></h1>
                <p>购物车</p></a></div>
        </div>
        <div class="you">
            <div class="goum">
                <a href="#">加入购物车</a>
                <a class="houm" href="#">立即购买</a>
            </div>
        </div>
    </div>
</div>
</div>

<!--大框div
</div>-->
<!--搜索页面-->


</body>
</html>

<script type="text/javascript">
    window.onload = function () {
        var TheMenu = document.getElementById('zhu_caid');
        var LieBiao = document.getElementById('daoh_lb');
        var Html = document.getElementsByTagName("html")[0];//0 第一个数组
        TheMenu.onclick = function (event) {
            if (LieBiao.style.display == 'block') {
                LieBiao.style.display = 'none';
            }
            else {
                LieBiao.style.display = 'block';
            }
            event.stopPropagation();//阻止冒泡事件
        }
        Html.onclick = function () {
            LieBiao.style.display = 'none';
        }

        //
        //
        var DianJ = document.getElementById('dianji_img');
        var ImgTiHuan = document.getElementById('img_tih');
        DianJ.onclick = function () {
            ImgTiHuan.src = 'images/web/ms03-1.png';
            alert("收藏成功");
        }

    };


</script>